define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'template', 'echarts', 'echarts-theme'], function ($, undefined, Backend, Table, Form, Template, Echarts) {

    var Controller = {
        index: function () {

            //这句话在多选项卡统计表时必须存在，否则会导致影响的图表宽度不正确
            $(document).on("click", ".charts-custom a[data-toggle=\"tab\"]", function () {
                var that = this;
                setTimeout(function () {
                    var id = $(that).attr("href");
                    var chart = Echarts.getInstanceByDom($(id)[0]);
                    chart.resize();
                }, 0);
            });


            var pieChart = Echarts.init(document.getElementById('area-chart'), 'walden');
            // var option = {
            //     tooltip: {
            //         trigger: 'item',
            //         formatter: '{a} <br/>{b}: {c} ({d}%)'
            //     },
            //     legend: {
            //         orient: 'vertical',
            //         left: 10,
            //         data: ['诊疗总金额', '会员收费', '挂号费', '周边产品收费']
            //     },
            //     series: [
            //         {
            //             name: '收入统计',
            //             type: 'pie',
            //             radius: ['50%', '70%'],
            //             avoidLabelOverlap: false,
            //             label: {
            //                 normal: {
            //                     show: false,
            //                     position: 'center'
            //                 },
            //                 emphasis: {
            //                     show: true,
            //                     textStyle: {
            //                         fontSize: '30',
            //                         fontWeight: 'bold'
            //                     }
            //                 }
            //             },
            //             labelLine: {
            //                 normal: {
            //                     show: false
            //                 }
            //             },
            //             data: [
            //                 {value: Config.diagnosis, name: '诊疗总金额'},
            //                 {value: Config.vip, name: '会员收费'},
            //                 {value: Config.registration, name: '挂号费'},
            //                 {value: Config.orders, name: '周边产品收费'},
            //             ]
            //         }
            //     ]
            // };
            var option = {
                    title: {
                        text: '收入统计',
                        subtext: '',
                        left: 'center'
                    },
                    tooltip: {
                        trigger: 'item'
                    },
                    legend: {
                        orient: 'vertical',
                        left: 'left',
                    },
                    series: [
                        {
                            name: '访问来源',
                            type: 'pie',
                            radius: '50%',
                            data: [
                                {value: Config.diagnosis, name: '诊疗总金额'},
                                {value: Config.vip, name: '会员收费'},
                                {value: Config.registration, name: '挂号费'},
                                {value: Config.orders, name: '周边产品收费'},
                            ],
                            emphasis: {
                                itemStyle: {
                                    shadowBlur: 10,
                                    shadowOffsetX: 0,
                                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                                }
                            }
                        }
                    ]
                };
            // 使用刚指定的配置项和数据显示图表。
            pieChart.setOption(option);

            var pieChart = Echarts.init(document.getElementById('pie-chart'), 'walden');
            // var option = {
            //     tooltip: {
            //         trigger: 'item',
            //         formatter: '{a} <br/>{b}: {c} ({d}%)'
            //     },
            //     legend: {
            //         orient: 'vertical',
            //         left: 10,
            //         // data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
            //         data: ['销售费用统计', '诊疗成本统计', '管理费用统计']
            //     },
            //     series: [
            //         {
            //             name: '支出统计',
            //             type: 'pie',
            //             radius: ['50%', '70%'],
            //             avoidLabelOverlap: false,
            //             label: {
            //                 normal: {
            //                     show: false,
            //                     position: 'center'
            //                 },
            //                 emphasis: {
            //                     show: true,
            //                     textStyle: {
            //                         fontSize: '30',
            //                         fontWeight: 'bold'
            //                     }
            //                 }
            //             },
            //             labelLine: {
            //                 normal: {
            //                     show: false
            //                 }
            //             },
            //             data: [
            //                 {value: Config.order, name: '销售费用统计'},
            //                 {value: Config.drug, name: '诊疗成本统计'},
            //                 {value: Config.administrative, name: '管理费用统计'},
            //             ]
            //         }
            //     ]
            // };
            // 使用刚指定的配置项和数据显示图表。

            var option = {
                title: {
                    text: '支出统计',
                    subtext: '',
                    left: 'center'
                },
                tooltip: {
                    trigger: 'item'
                },
                legend: {
                    orient: 'vertical',
                    left: 'left',
                },
                series: [
                    {
                        name: '访问来源',
                        type: 'pie',
                        radius: '50%',
                        data: [
                            {value: Config.order, name: '销售费用统计'},
                            {value: Config.drug, name: '诊疗成本统计'},
                            {value: Config.administrative, name: '管理费用统计'},
                        ],
                        emphasis: {
                            itemStyle: {
                                shadowBlur: 10,
                                shadowOffsetX: 0,
                                shadowColor: 'rgba(0, 0, 0, 0.5)'
                            }
                        }
                    }
                ]
            };
            pieChart.setOption(option);



        },
        api: {
            bindevent: function () {
                Form.api.bindevent($("form[role=form]"));
            }
        }
    };
    return Controller;
});
